<?php /* Smarty version 2.6.18, created on 2009-05-21 12:12:44
         compiled from MainUI.tpl */ ?>
<?php echo '<?xml'; ?>
 version="1.0" encoding="ISO-8859-1" <?php echo '?>'; ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>HU Stage</title>
	<link href="css/main.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript">
	<?php echo '
	var focusFields = [];
	function processInputs( id, element )
	{
		var label = $(element).find(\'label\');
		var field = $(element).find(\'input\');
		
		label.css( \'display\', \'none\' );
		
		if( field.val() == \'\' )
		{
			field.val( label.text() );
		}
		
		field.labelValue = label.text();
		
		if( !field.hasClass( \'focuslabel\' ) && label.text() == field.val() )
		{
			field.addClass(\'focuslabel\');
		}
					
		focusFields[ focusFields.length ] = field;
		
		field.focus( function() {
			if( label.text() == $( field ).val() )
			{
				$( field ).val(\'\');
				field.removeClass( \'focuslabel\' );
			}
		} );
		
		field.blur( function( ) {
			if( $( field ).val() == \'\' )
			{
				$( field ).val( label.text() );
				field.addClass( \'focuslabel\' );
			}
		} );
	}
	
	$(function(){
	
		$(\'div.form.inputtext\').each( processInputs );
		$(\'div.form.inputpassword\').each( processInputs );
		
		$(\'form\').each( function( id, element ) {
			$(element).submit( function(){
				$( focusFields ).each( function( id, element )
				{
					if( element.labelValue != undefined && element.labelValue == $(element).val() )
					{
						$( element ).val(\'\');
					}
				} );
			} );
		} );
		
		$(\'input[type="radio"]\').each( function( id, radio )
		{
			var label = $( radio ).parent().get(0);
			
			if( radio.checked )
			{
				$( label ).addClass(\'selected\');
			}
			else
			{
				if( $( label ).hasClass( \'selected\' ) )
				{
					$( label ).removeClass( \'selected\' );
				}
			}
			
			$( label ).click( function()
			{
				$(\'input[name="\' + radio.name + \'"]\').each( function( id, subRadio )
				{
					var subRadioLabel = $( subRadio ).parent().get(0);
					
					if( $( subRadioLabel ).hasClass( \'selected\' ) )
					{
						$( subRadioLabel ).removeClass( \'selected\' );
					}
				} );
				
				
				$( label ).addClass( \'selected\' );
				radio.checked = true;
				
				return false;
			} );
		} );
	});
	'; ?>

	</script>
</head>
<body>

<div style="text-align: center;"></div>
<div class="hu-header">
		<img src="images/hu-logo.gif" alt="Hogeschool Utrecht" />
		<h1>Stage management</h1>
		
		<div class="menu">
			<ul>
				<li <?php if (! $_GET['c']): ?>class="active"<?php endif; ?>><a href="./">Begin</a></li>
				<li <?php if ($_GET['c'] == 'student'): ?>class="active"<?php endif; ?>><a href="?c=student">Studenten</a></li>
				<li <?php if ($_GET['c'] == 'docent'): ?>class="active"<?php endif; ?>><a href="?c=docent">Docenten</a></li>
				<li <?php if ($_GET['c'] == 'bedrijf'): ?>class="active"<?php endif; ?>><a href="?c=bedrijf">Bedrijven</a></li>
			</ul>
		</div>
	</div>
	
	<div class="content">
		<?php echo $this->_tpl_vars['content']; ?>

	</div>	
</body>
</html>